<template>
	<view class="cardBox" v-if="loading">
		<view class="cardBox_margin" 
			v-if="(order.orderInfo.type=='goods'||order.orderInfo.type=='crossborder') && order.orderInfo.release_info.is_express_price==1">
			<block v-if="order.gl_transportafterorder.id">
				<view v-if="loading&&order.role==1" class="tabs scroll-item" @click="orderdetail(order.gl_transportafterorder)">
					<view style="width: 100%;display: flex;">
						<view class="son_order">
							<view class="son_order_title">{{$t('运输')}}</view>
							<view class="son_order_no">
								<text style="font-weight: 500;">{{order.gl_transportafterorder.order_no}}</text> 
							</view>
							<view class="flex" style="margin-top: 10rpx;">
								<image :src="IMAGE_URL+'/uploads/20240520/f6b1e0a0000b632ffa502cf804b9ccd0.png'" class="son_img"></image>
								<view style="line-height: 26px;">{{$t("运输")}}</view>
							</view>
							<view >
								<view class="zzjb" v-if="order.gl_transportafterorder.join_order_id==0">
									{{$t("正在竞标")}}
								</view>
								<view class="zzjb" style="display: none;" v-else>
									{{$t("已合作")}}
								</view>
							</view>
						</view>
						<view style="margin-left: 5%;">
							<daojishi  :order="order.gl_transportafterorder" ></daojishi>
						</view>
					</view>
				</view>
				<view style="width: 100%;position: relative;margin-top: 10%;">
					
					<!--小车的位置-->
					<transportCar v-if="loading" :transport_step="order.gl_transportafterorder.transport_step" :step="order.gl_transportafterorder.transport_step.step" :is_short="1" :leixing="'线上不含运费'">
					</transportCar>
					
					<stepCommonList :text="text" :stepList="order.gl_transportafterorder.step_list" :leixing="'线上不含运费进度'"></stepCommonList>
					
				</view>
			</block>
			<view v-if="!order.gl_transportafterorder.id" style="text-align: center;">
				<view v-if="order.role==1" class="fabu" >
					<view class="fabu_view" style="height: 50rpx; margin-top: 15rpx; line-height: 50rpx;" v-if="order.orderInfo.is_offline_after==0">{{$t('您还未创建关联订单，请先创建订单')}}</view>
					<view class="fabu_view" style="text-align: center; margin-top: 15rpx;  position: relative;" v-if="order.orderInfo.is_offline_after==0">
						<view class="fabu_btn" @click="fabu()" >
						{{$t('发布竞标')}}
						</view>
						<view style="float: right;text-align: right;margin-left: 20rpx;" @click="xianxias()">
							{{$t('选择线下交易')}}
						</view>
						<view style="clear: both;"></view>
					</view>
					<view class="fabu_view" style="text-align: center; margin-top: 15rpx;  position: relative;" v-else-if="order.orderInfo.is_offline_after==1">
						<view style="width: 100%;height: 80rpx; line-height: 80rpx;">{{$t('已选择线下进行，无法获取相关信息')}}</view>
					</view>
				</view>
				<view v-if="order.role==2" style="width: 100%;height: 160rpx; text-align: center; position: relative;">
					<view style="width: 100%;height: 80rpx; line-height: 80rpx;" v-if="order.orderInfo.is_offline_after==0">{{$t('暂未获取相关信息')}}</view>
					<view style="width: 100%;height: 80rpx; line-height: 80rpx;" v-else-if="order.orderInfo.is_offline_after==1">{{$t('已选择线下进行，无法获取相关信息')}}</view>
				</view>
			</view>
		</view>
		
		<view class="cardBox_margin" 
			v-else-if="(order.orderInfo.type=='goods'||order.orderInfo.type=='crossborder') && order.orderInfo.release_info.is_express_price==2">
			<block v-if="order.gl_transportafterorder.id">
				<view v-if="loading&&order.role==2" class="tabs scroll-item" @click="orderdetail(order.gl_transportafterorder)">
					<view style="width: 100%;display: flex;">
						<view class="son_order">
							<view class="son_order_title">{{$t('运输')}}</view>
							<view class="son_order_no">
								<text style="font-weight: 500;">{{order.gl_transportafterorder.order_no}}</text> 
							</view>
							<view class="flex" style="margin-top: 10rpx;">
								<image :src="IMAGE_URL+'/uploads/20240520/f6b1e0a0000b632ffa502cf804b9ccd0.png'" class="son_img"></image>
								<view style="line-height: 26px;">{{$t("运输")}}</view>
							</view>
							<view >
								<view class="zzjb" v-if="order.gl_transportafterorder.join_order_id==0">
									{{$t("正在竞标")}}
								</view>
								<view class="zzjb" style="display: none;" v-else>
									{{$t("已合作")}}
								</view>
							</view>
						</view>
						<view style="margin-left: 5%;">
							<daojishi  :order="order.gl_transportafterorder" ></daojishi>
						</view>
					</view>
				</view>
				
				<view style="width: 100%;position: relative;margin-top: 10%;">
					
					<!--小车的位置-->
					<transportCar v-if="loading" :transport_step="order.gl_transportafterorder.transport_step" :step="order.gl_transportafterorder.transport_step.step" :is_short="1" :leixing="'线上含运费'">
					</transportCar>
				
					<stepCommonList :text="text" :stepList="order.gl_transportafterorder.step_list" :leixing="'线上含运费进度'"></stepCommonList>
					
				</view>
			</block>
			<view v-if="!order.gl_transportafterorder.id" style="text-align: center;">
				<view v-if="order.role==2" class="fabu" >
					<view class="fabu_view" style="height: 50rpx; margin-top: 15rpx; line-height: 50rpx;" v-if="order.orderInfo.is_offline_after==0&&!order.xx_transportafter_step.id">{{$t('您还未创建关联订单，请先创建订单')}}</view>
					<view class="fabu_view" style="text-align: center; margin-top: 15rpx;  position: relative;" v-if="order.orderInfo.is_offline_after==0&&!order.xx_transportafter_step.id">
						<view class="fabu_btn" @click="fabu()" >
						{{$t('发布竞标')}}
						</view>
						<view style="float: right;text-align: right;margin-left: 20rpx;" @click="xianxias()">
							{{$t('选择线下交易')}}
						</view>
						<view style="clear: both;"></view>
					</view>
					<view v-if="order.orderInfo.is_offline_after==1||order.xx_transportafter_step.id">
							<view style="width: 100%;position: relative;margin-top: 10%">
								
								<!--小车的位置-->
								<transportCar v-if="loading" :is_type="1" :transport_step="order.xx_transportafter_step" :step="order.xx_transportafter_step.step" :is_short="1" :leixing="'线下交易'">
								</transportCar>
							
								<view class="stock_complete" v-if="order.xx_transportafter_step.step==100&&order.role==2&&order.orderJoin.is_stop_countdown==0">
									<text class="stock_btn" @click="tanchuang1()" v-if="order.orderInfo.type=='transport'">
										{{$t("确认完成")}}
									</text>
								</view>
								<view style="margin-top: 5%;height: 24px;" v-if="order.xx_transportafter_step.step<100">
									<view style="float: left;">{{$t("上传进度")}}</view>
									<view style="float: right;">{{step}}%</view>
								</view>
								<view v-if="order.xx_transportafter_step.step!=100">
									<view v-if="!order.xx_transportafter_step.id">
										<view style="margin-top: 5%;width: 22%;">{{$t("接货证明")}}</view>
										<u-upload :upload-text="$t('选择图片')" @on-success="releasePayImgSuccess" :action="releasePayImgAction"
											:file-list="images" max-count="1" :deletable="releasePayImgDeletable"></u-upload>
									</view>
									<view v-if="order.xx_transportafter_step.step==75">
										<view style="margin-top: 5%;width: 22%;">{{$t("交货证明")}}</view>
										<u-upload :upload-text="$t('选择图片')" @on-success="releasePayImgSuccess" :action="releasePayImgAction"
											:file-list="images" max-count="1" :deletable="releasePayImgDeletable"></u-upload>
									</view>
									<view v-else-if="order.xx_transportafter_step.id&&order.xx_transportafter_step.step<75">
										<view style="margin-top: 5%;width: 22%;">{{$t("所在位置")}}</view>
										<view style="margin-top: 20rpx;padding-bottom: 20rpx;">
											<u-form-item>
												<u-input v-model="location" :custom-style="{height:'50rpx'}" height="50" type="text"
													:placeholder="$t('请输入目前所在位置')" />
											</u-form-item>
										</view>
										
										<view style="margin-top: 5%;width: 22%;">{{$t("上传证明")}}</view>
										<u-upload :upload-text="$t('选择图片')" @on-success="releasePayImgSuccess" :action="releasePayImgAction"
											:file-list="images" max-count="1" :deletable="releasePayImgDeletable"></u-upload>
									</view>
									<view class="stock_complete" @click="completeds(1)">
										<text class="stock_btn">
											{{$t("上传进度")}}
										</text>
									</view>
								</view>
							
							
								<stepCommonList :text="text" :stepList="order.xx_transportafter_step_list" :leixing="'线下交易进度'"></stepCommonList>
							
							</view>
						</view>
				</view>
				<view v-if="order.role==1" style="width: 100%;text-align: center; position: relative;">
					<!-- <view style="width: 100%;height: 80rpx; line-height: 80rpx;">{{$t('暂未获取相关信息')}}</view> -->
					<view style="width: 100%;position: relative;margin-top: 10%;">
						
						<!--小车的位置-->
						<transportCar v-if="loading" :is_type="1" :transport_step="order.gl_transportafterorder.transport_step" :step="order.gl_transportafterorder.transport_step.step" :is_short="1"
						:leixing="'发布者关联订单'">
						</transportCar>	
						
						
					
						<!-- <view class="stock_complete" v-if="order.gl_transportafterorder.transport_step.step==100">
							<text class="stock_btn">
								{{text.stock_complete}}
							</text>
						</view> -->
						
						<stepCommonList :text="text" :stepList="order.gl_transportafterorder.step_list" :leixing="'发布者关联订单进度'"></stepCommonList>
						
					</view>
				</view>
			</view>
		</view>
		
		
		<view v-else-if="order.role==2&&order.orderInfo.type=='transport'">
			<view class="flex" style="margin-top: 10rpx;">
				<view class="biao" style="width: 100%;">
					<span class="biao_span">|</span>
					<text class="cardTitle">{{$t("运输")}} </text>
					<view style="clear: both;"></view>
				</view>
			</view>

			<view style="width: 100%;position: relative;">
				
				
				<!--小车的位置-->
				<transportCar v-if="loading" :transport_step="order.transport_step" :step="order.transport_step.step" :is_short="1" :leixing="'参与者运输订单'"></transportCar>
				

				<view class="stock_complete" v-if="order.transport_step.step==100&&order.role==2&&order.orderJoin.is_stop_countdown==0">
					<text class="stock_btn" @click="tanchuang1()" v-if="order.orderInfo.type=='transport'">
						{{$t("确认完成")}}
					</text>
				</view>
				<view style="margin-top: 5%;height: 24px;" v-if="order.transport_step.step<100">
					<view style="float: left;">{{$t("上传进度")}}</view>
					<view style="float: right;">{{step}}%</view>
				</view>
				<view v-if="order.transport_step.step!=100">
					<!-- <view style="margin-top: 10%;">{{$t("运输进度")}}</view>
					<view style="margin-top: 20rpx;padding-bottom: 20rpx;border-bottom: 1px solid #ccc;">
						<picker @change="bindPickerChange" :value="index" :range="array">
							<view class="uni-input">{{array[index]}}%</view>
						</picker>
					</view> -->
					<view v-if="!order.transport_step.id">
						<view style="margin-top: 5%;">{{$t("接货证明")}}</view>
						<u-upload :upload-text="$t('选择图片')" @on-success="releasePayImgSuccess" :action="releasePayImgAction"
							:file-list="images" max-count="1" :deletable="releasePayImgDeletable"></u-upload>
					</view>
					<view v-if="order.transport_step.step==75">
						<view style="margin-top: 5%;">{{$t("交货证明")}}</view>
						<u-upload :upload-text="$t('选择图片')" @on-success="releasePayImgSuccess" :action="releasePayImgAction"
							:file-list="images" max-count="1" :deletable="releasePayImgDeletable"></u-upload>
					</view>
					<view v-else-if="order.transport_step.id&&order.transport_step.step<75">
						<view style="margin-top: 5%;">{{$t("所在位置")}}</view>
						<view style="margin-top: 20rpx;padding-bottom: 20rpx;">
							<u-form-item>
								<u-input v-model="location" :custom-style="{height:'50rpx'}" height="50" type="text"
									:placeholder="$t('请输入目前所在位置')" />
							</u-form-item>
						</view>
						
						<view style="margin-top: 5%;">{{$t("上传证明")}}</view>
						<u-upload :upload-text="$t('选择图片')" @on-success="releasePayImgSuccess" :action="releasePayImgAction"
							:file-list="images" max-count="1" :deletable="releasePayImgDeletable"></u-upload>
					</view>
					<view class="stock_complete" @click="completed(1)">
						<text class="stock_btn">
							{{$t("上传进度")}}
						</text>
					</view>
				</view>


				<stepCommonList :text="text" :stepList="order.stepList" :leixing="'参与者运输订单进度'"></stepCommonList>

				<view class="stock_complete" @click="rlated_orders()" v-if="order.transport_step.step!=100
				&&((order.orderInfo.type=='goods'&&order.orderInfo.release_info.is_express_price==2&&order.role==2)
				||(order.orderInfo.type=='crossborder'&&order.orderInfo.release_info.is_express_price==2&&order.role==2))">
					<text class="stock_btn">
						{{$t("关联订单")}}
					</text>
				</view>
			</view>
		</view>
		
		<view v-else-if="order.role==1&&order.orderInfo.type=='transport'">
			<view class="flex" style="margin-top: 10rpx;">
				<view class="biao" style="width: 100%;">
					<span class="biao_span">|</span>
					<text class="cardTitle">{{$t("运输")}} </text>
					<view style="clear: both;"></view>
				</view>
			</view>
		
			<view style="width: 100%;position: relative;">
				<!--小车的位置-->
				<transportCar v-if="loading" :transport_step="order.transport_step" :step="order.transport_step.step" :is_short="1" :leixing="'发布者运输订单'"></transportCar>
			</view>
			<view class="stock_complete" v-if="order.transport_step.step==100&&order.role==1&&order.orderJoin.is_stop_countdown==0">
				<text class="stock_btn" @click="tanchuang()" v-if="order.orderInfo.type=='transport'">
					{{$t("确认完成")}}
				</text>
			</view>
			
			
			<stepCommonList :text="text" :stepList="order.stepList" :leixing="'发布者运输订单进度'"></stepCommonList>
			
		</view>
		<!--物流信息-->
		<!-- <wuliu v-if="loading" :order="order2" style="margin-top: 5%;"></wuliu> -->
	</view>
</template>

<script>
	import {
		HTTP_REQUEST_URL,
		HTTP_IMG_UTL,
		IMAGE_URL
	} from "@/config/app";
	import wuliu from "../detail/wuliu.vue";
	import daojishi from "./daojishi_transport.vue";
	import transportCar from "./transportCar.vue";
	import stepCommonList from "./stepCommonList.vue";
	export default {
		components: {
			wuliu,daojishi,transportCar,stepCommonList
		},
		props: {
			order2: {
				type: [Array, Object, Number, String],
				default: {
					stepList: [{
						step: ''
					}],
					transport_step: {
						
					},
					gl_transportafterorder:{
						transport_step:{
							step:0
						}
					},
					xx_transportafter_step:{},
				}
			},
		},
		data() {
			return {
				//远程域名
				HTTP_IMG_UTL,
				HTTP_REQUEST_URL,
				IMAGE_URL,
				url: IMAGE_URL,

				//语言
				lang: this.$i18n.locale,

				//文字
				text: {
					Stock: this.$t('开始运输'),
					Stock2: this.$t('运输进度完成'),
					stock_complete: this.$t('到达目的地'),
				},

				//备货进度
				Stock_list: [{
						rate: '0%',
						status: 1,
						text: "",
						create_at: '2023-06-07 20:05'
					},
					{
						rate: '25%',
						status: 1,
						text: '这里是进度说明这里是进度说明这里是进度说明这里是进度说明',
						create_at: '2023-06-07 20:05'
					},
					{
						rate: '50%',
						status: 1,
						text: '',
						create_at: '2023-06-07 20:05'
					},
					{
						rate: '75%',
						status: 1,
						text: '',
						create_at: '2023-06-07 20:05'
					},
					{
						rate: '100%',
						status: 1,
						text: '',
						create_at: '2023-06-07 20:05'
					},
				],
				array: ['25', '50', '75', '100'],
				index: 0,
				location: '',
				images: [],
				releasePayImgAction: HTTP_REQUEST_URL + '/common/upload',
				releasePayImgDeletable: true,
				step: 0,
				order: {
					stepList: [{
						step: ''
					}],
					goods_step: {},
					transport_step: {},
					declaration_step: {},
					clearance_step: {},
					gl_transportafterorder:{
						transport_step:{
							step:0
						},
					},
					xx_transportafter_step:{},
				},
				loading: false,
				showOrNot:true,
				xianxia:0,
			}
		},
		mounted() {
			this.order = this.order2
			if (this.order.stepList == null) {
				this.order.stepList = [{
					id:0,
					step: 0
				}]
			}
			if (this.order.transport_step == null) {
				this.order.transport_step = {
					id:0,
					step: 0
				}
			}
			
			if (this.order.gl_transportafterorder.transport_step == null) {
				this.order.gl_transportafterorder.transport_step = {
					id:0,
					step: 0
				}
			}
			
			if (this.order.xx_transportafter_step == null) {
				this.order.xx_transportafter_step = {
					id:0,
					step: 0,
				}
			}
			
			if(!this.order.transport_step.id){
				this.step=10
			}else{
				if(this.order.transport_step.step==0){
					this.step=25
				}else if(this.order.transport_step.step==25){
					this.step=50
				}else if(this.order.transport_step.step==50){
					this.step=75
				}else if(this.order.transport_step.step==75){
					this.step=100
				}
			}
			
			// if(this.order.xx_transportafter_step.step==0){
			if(!this.order.xx_transportafter_step.id){
				this.step=10
			}else{
				if(this.order.xx_transportafter_step.step==0){
					this.step=25
				}else if(this.order.xx_transportafter_step.step==25){
					this.step=50
				}else if(this.order.xx_transportafter_step.step==50){
					this.step=75
				}else if(this.order.xx_transportafter_step.step==75){
					this.step=100
				}else if(this.order.xx_transportafter_step.step==10){
					this.step=25
				}
			}
			
			if(!this.order.gl_transportafterorder.transport_step.id&&this.order.xx_transportafter_step.id>0){
				this.order.gl_transportafterorder.transport_step=this.order.xx_transportafter_step
				this.order.gl_transportafterorder.step_list=this.order.xx_transportafter_step_list
				
				this.order.transport_step=this.order.xx_transportafter_step
				this.order.stepList=this.order.xx_transportafter_step_list
			}
			
			// if(!this.order.gl_transportafterorder.id){
			// 	this.order.gl_transportafterorder.transport_step=this.order.xx_transportafter_step
			// 	this.order.gl_transportafterorder.step_list=this.order.xx_transportafter_step_list
			// }
			this.loading = true
		},
		methods: {
			xianxias(){
				
				var that = this
				
				if(that.order.role==1){
					var message = "选择线下进行后，系统将无法获取相关信息，是否确认线下进行？"
				}else{
					var message = "选择线下进行后，系统将无法获取相关信息，您需要自行上传进度，是否确认线下进行？"
				}
				
				uni.showModal({ //提醒用户更新
				  title: this.$t('系统提示'),
				  content: this.$t(message),
				  confirmText: this.$t('是'), // 修改确认按钮文字
				  cancelText: this.$t('否'),  
				  success: (res) => {
					  if (res.confirm) {
						that.$u.api.order.is_offline({
							order_id: that.order.orderInfo.id,
							type:7,
							lang:that.lang,
						}).then(res => {
							that.$u.toast(that.$t('操作成功'), 2000)
							that.$emit('on-oversize', 1)
							
						})
					  }
					},
				})
			},

			tanchuang(){
				var message = this.$t('确认后将截至对方订单倒计时\n请仔细核实对方是否完成任务')
				uni.showModal({ //提醒用户更新
				  title: this.$t('系统提示'),
				  content: message,
				  confirmText: this.$t('是'), // 修改确认按钮文字
				  cancelText: this.$t('否'),  
				  success: (res) => {
					  if (res.confirm) {
						 const that = this
						 that.$u.api.order.tzdjs({
						 	id:that.order.orderInfo.join_order_id
						 }).then(res => {
							 
						 })
						  // 用户点击了确定，执行相应的逻辑
					  } else if (res.cancel) {
						  // 用户点击了取消，执行相应的逻辑
					  }
				  }
				})
			},
			tanchuang1(){
				var message = this.$t('是否提交完成任务请求，对方确认完成后\n订单将会停止倒计时')
				uni.showModal({ //提醒用户更新
				  title: this.$t('系统提示'),
				  content: message,
				  confirmText: this.$t('是'), // 修改确认按钮文字
				  cancelText: this.$t('否'),  
				  success: (res) => {
					  if (res.confirm) {
						 const that = this
						 that.$u.api.order.isQrwc({
						 	id:that.order.orderInfo.join_order_id
						 }).then(res => {
							 
						 })
						  // 用户点击了确定，执行相应的逻辑
					  } else if (res.cancel) {
						  // 用户点击了取消，执行相应的逻辑
					  }
				  }
				})
			},
			orderdetail(i){
				var that = this
				if(i.join_order_id){
					uni.redirectTo({
						url: '/pages/ordering/orderDetail?id='+i.id+'&join_order_id='+i.join_order_id+'&status='+i.status+'&isDetail=true'
					})
				}else{
					uni.redirectTo({
						url: '/pages/order/published/published?id='+i.id+'&isDetail=true'
					})
					
				}
				
			},
			fabu(){
				var that = this
				uni.navigateTo({
					url:"/pages/release/transport/form?leixing=1&type=2&transport_type=1&goods="+JSON.stringify(that.order.orderInfo.release_info)+"&main_order_id="+that.order.orderInfo.join_order_id
				})
			},

			rlated_orders() {
				this.$u.route({
					url: "/pages/ordering/detail/relatedOrders",
					params: {
						order_type: this.order.orderInfo.type,
						// main_order_id: this.order.orderInfo.id,
						main_order_id: this.order.orderInfo.join_order_id,
					}
				})
			},
			releasePayImgSuccess(data, index, lists, name) {
				let formData = [];
				if (lists.length > 0) {
					for (let i = 0; i < lists.length; i++) {
						if (lists[i].response) {
							let temp = {
								url: lists[i].response.data.url
							}
							formData.push(temp)
						} else if (lists[i].url) {
							let temp = {
								url: lists[i].url
							}
							formData.push(temp)
						}
					}
				} else {
					formData = []
				}
				this.images = formData[0].url
			},
			bindPickerChange: function(e) {
				// console.log('picker发送选择改变，携带值为', e.detail.value)
				if (e.detail.value == 0) {
					this.step = 25
				} else if (e.detail.value == 1) {
					this.step = 50
				} else if (e.detail.value == 2) {
					this.step = 75
				} else if (e.detail.value == 3) {
					this.step = 100
				}
			},
			completed(step_i) {
				var that = this
				var message = that.$t('确认后将截至对方订单倒计时\n请仔细核实对方是否完成任务')
				
				if(that.order.transport_step.id>0&&that.order.transport_step.step<75){
					if (!that.location) {
						uni.showModal({
							content: that.$t('请输入目前所在位置'),
							showCancel: false,
							confirmText: this.$t('是'),
						})
						return false;
					}
					if (that.images.length == 0) {
						uni.showModal({
							content: that.$t('请上传证明'),
							showCancel: false,
							confirmText: this.$t('是'),
						})
						return false;
					}
				}else if(that.order.transport_step.step==75){
					if (that.images.length == 0) {
						uni.showModal({
							content: that.$t('请上传交货证明'),
							showCancel: false,
							confirmText: this.$t('是'),
						})
						return false;
					}
				}else{
					if (that.images.length == 0) {
						uni.showModal({
							content: that.$t('请上传接货证明'),
							showCancel: false,
							confirmText: this.$t('是'),
						})
						return false;
					}
				}
				
				that.$u.api.order.upStep({
					order_id: that.order.orderInfo.id,
					order_join_id: that.order.orderInfo.join_order_id,
					images: that.images,
					location: that.location,
					step: that.step,
					role: that.order.role,
					type: 7,
					lang: this.lang,
					step_i:step_i,
				}).then(res => {
					that.$u.toast(that.$t('操作成功'), 2000)
					that.$emit('on-oversize', 1);
				})
			},
			completeds(step_i) {
				var that = this
				var message = that.$t('确认后将截至对方订单倒计时\n请仔细核实对方是否完成任务')
				
				if(that.order.xx_transportafter_step.id>0&&that.order.xx_transportafter_step.step<75){
					if (!that.location) {
						uni.showModal({
							content: that.$t('请输入目前所在位置'),
							showCancel: false,
							confirmText: this.$t('是'),
						})
						return false;
					}
					if (that.images.length == 0) {
						uni.showModal({
							content: that.$t('请上传证明'),
							showCancel: false,
							confirmText: this.$t('是'),
						})
						return false;
					}
				}else if(that.order.xx_transportafter_step.step==75){
					if (that.images.length == 0) {
						uni.showModal({
							content: that.$t('请上传交货证明'),
							showCancel: false,
							confirmText: this.$t('是'),
						})
						return false;
					}
				}else{
					if (that.images.length == 0) {
						uni.showModal({
							content: that.$t('请上传接货证明'),
							showCancel: false,
							confirmText: this.$t('是'),
						})
						return false;
					}
				}
				
				that.$u.api.order.upStep({
					order_id: that.order.orderInfo.id,
					order_join_id: that.order.orderInfo.join_order_id,
					images: that.images,
					location: that.location,
					step: that.step,
					role: that.order.role,
					type: 7,
					lang: this.lang,
					step_i:step_i,
				}).then(res => {
					that.$u.toast(that.$t('操作成功'), 2000)
					that.$emit('on-oversize', 1);
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/common/orderDetail.scss";
	.fabu{
		width: 100%; text-align: center; position: relative;
	}
	.fabu_view{
		width: 100%;height: 150rpx; 
	}
	.fabu_btn{
		width: 40%; height: 60rpx; line-height: 60rpx; margin-left: 30%;border-radius: 10rpx; background-color: #3e72ff;color: #ffffff;
	}
</style>